
<meta charset="UTF-8">


<link href="css/bootstrap.min.css" rel="stylesheet">
<link href="css/font-awesome.min.css" rel="stylesheet" media="all">
<link href="css/animate.min.css" rel="stylesheet" media="all">
<link href="css/bootstrap-touch-slider.css" rel="stylesheet" media="all">


	<div id="bootstrap-touch-slider" class="carousel bs-slider fade  control-round indicators-line" data-ride="carousel" data-pause="hover" data-interval="5000" >

			<!-- Indicators -->
			<ol class="carousel-indicators">
				<li data-target="#bootstrap-touch-slider" data-slide-to="0" class="active"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="1"></li>
				<li data-target="#bootstrap-touch-slider" data-slide-to="2"></li>
			</ol>

			<!-- Wrapper For Slides -->
			<div class="carousel-inner" role="listbox">

				<!-- Third Slide -->
				<div class="item active">

					<!-- Slide Background -->
					<img src="images/111.jpg"  class="slide-image"/>
					<div class="bs-slider-overlay"></div>

					<div class="container">
						<div class="row">
							<!-- Slide Text Layer -->
							<div class="slide-text slide_style_center">
								<h1 data-animation="animated flipInX">轩陶建材</h1>
						<p data-animation="animated lightSpeedIn">专业生产中高档通体砖的大型企业</p>
								<a href="../newsx.php" target="_blank" class="btn btn-default" data-animation="animated fadeInLeft">查看详细</a>
						<a href="../contact.php"  target="_blank"  class="btn btn-primary" data-animation="animated fadeInRight">联系我们</a>
							</div>
						</div>
					</div>
				</div>
				<!-- End of Slide -->

				<!-- Second Slide -->
				<div class="item">
					<!-- Slide Background -->
					<img src="images/222.jpg" class="slide-image"/>
					<div class="bs-slider-overlay"></div>
					<!-- Slide Text Layer -->
					<div class="slide-text slide_style_center">
						<h1 data-animation="animated flipInX">公司资金雄厚，设备先进</h1>
						<p data-animation="animated lightSpeedIn">全套引进意大利先进陶瓷生产设备</p>
						<a href="../newsx.php" target="_blank" class="btn btn-default" data-animation="animated fadeInLeft">查看详细</a>
						<a href="../contact.php"  target="_blank"  class="btn btn-primary" data-animation="animated fadeInRight">联系我们</a>
					</div>
				</div>
				<!-- End of Slide -->

				<!-- Third Slide -->
				<div class="item">
					<!-- Slide Background -->
					<img src="images/333.jpg"  class="slide-image"/>
					<div class="bs-slider-overlay"></div>
					<!-- Slide Text Layer -->
					<div class="slide-text slide_style_center">
						<h1 data-animation="animated flipInX">全方位的高素质人才</h1>
						<p data-animation="animated lightSpeedIn">轩陶在同行业中居于前列地位</p>
						<a href="../newsx.php" target="_blank" class="btn btn-default" data-animation="animated fadeInLeft">查看详细</a>
						<a href="../contact.php"  target="_blank"  class="btn btn-primary" data-animation="animated fadeInRight">联系我们</a>
					</div>
				</div>
				<!-- End of Slide -->
				
	
			</div><!-- End of Wrapper For Slides -->

			<!-- Left Control -->
			<a class="left carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="prev">
				<span class="fa fa-angle-left" aria-hidden="true"></span>
				<span class="sr-only">Previous</span>
			</a>

			<!-- Right Control -->
			<a class="right carousel-control" href="#bootstrap-touch-slider" role="button" data-slide="next">
				<span class="fa fa-angle-right" aria-hidden="true"></span>
				<span class="sr-only">Next</span>
			</a>

		</div> <!-- End  bootstrap-touch-slider Slider -->

<script src="js/jquery-1.11.0.min.js" type="text/javascript"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/jquery.touchSwipe.min.js"></script>
<script src="js/bootstrap-touch-slider.js"></script>
<script type="text/javascript">
	$('#bootstrap-touch-slider').bsTouchSlider();
</script>